<template>
	<div class="col-md-3">
	<a :href="url" style="cursor:pointer;">
		<img :src="poster"/>
		<p >{{title}}</p>
		<p>{{site}}</p>
	</a>
	</div>
</template>
<script>
	    $('img').error(function(){
	            $(this).attr('src', "../assets/img/favicon.png");
	         });
</script>
<script>
	export default {
		name:'moviePoster',
		data(){
			return {
				
			}
		},
		props:{
			poster:String,
			title:String,
			site:String,
			url:String
		},
		methods:{
			link(){
				this.$router.push(url)
			}
		}
		
	}
</script>

<style>
	img{
		height: 6.25rem;
	}
</style>
